html,body,li,ul,h1,h2,h3,p{margin: 0;padding: 0;}
html,body{height: 100%;width: 100%;}
i{font-style: normal}
li{list-style: none;}
a{text-decoration: none;}
html{font-size: 625%}
body{font-size: 0.16rem;background-color: #f4f4f4;}
.head{background: #0096ff;padding: 0.11rem}
.head_location{display: flex;justify-content: space-between;align-items: center}
.location{width: 60%;color: #fff;font-size: 0.18rem}
.location>span{display:inline-block;white-space: nowrap;overflow: hidden;max-width: 80%;}
.tianqi{display: flex;font-size: 0.12rem;color: #fff;}
.tianqi h2{font-weight: normal}
.tianqi>img{display: block;width: 0.38rem;height: 0.38rem}
.search{margin-top: 0.08rem;}
.search input{width: 100%;height: 0.33rem;text-align: center;border-radius: 0.33rem;color: #555;border: none}
.keywords{position: relative;height: 0.2rem;line-height: 0.2rem}
.keywords>ul{overflow-x: scroll;display: flex;flex-wrap: nowrap;}
.keywords>ul>li{float: left;white-space: nowrap;margin-right: 0.2rem}
.keywords>ul>li>a{color: #fff;font-size: 0.12rem}
#container{display: none;}

.nav{min-height: 1.78rem;background-color: #fff;}
.nav .nav1{height: 4.72rem;text-align: center;display: flex;}
.nav .nav1{width: 100%;display: flex;flex-wrap: wrap;height: 1.6rem;padding-top: 0.1rem}
.nav .nav1>li{width: 25%;height: 40%;}
.nav .nav1>li a{width: 100%;display: block;font-size: 0.12rem;color: #555}
.nav .nav1>li a img{width: 60%;height: 60%}
.swiper-pagination{bottom: 0!important;}
.swiper-pagination-bullet{width: 5px;height:5px;border-radius: 5px;}

.nav{min-height: 1.78rem;background-color: #fff;}
.nav #nav2{height: 4.72rem;text-align: center;display: flex;}
.nav #nav2{width: 100%;display: flex;flex-wrap: wrap;height: 1.6rem;padding-top: 0.1rem}
.nav #nav2>li{width: 25%;height: 40%;}
.nav #nav2>li a{width: 100%;display: block;font-size: 0.12rem;color: #555}
.nav #nav2>li a img{width: 60%;height: 60%}
.swiper-pagination{bottom: 0!important;}
.swiper-pagination-bullet{width: 5px;height:5px;border-radius: 5px;}


.recommend{background-color: #fff;margin-top: 0.12rem;margin-bottom: 0.4rem}
.recommend h2{font-size: 0.14rem;padding-left: 0.18rem}
.recommend .merchant{display: flex;margin-top: 0.05rem}
.recommend .merchant .logo_merchant{padding: 0.1rem 0.06rem}
.recommend .merchant .logo_merchant a{display: block;width: 0.6rem;height: 0.6rem;}
.recommend .merchant .logo_merchant a img{width: 100%;}
.xiangqing{flex: 1;padding-right: 0.1rem;margin-top: 0.08rem}
.xiangqing .title{display: flex;justify-content: space-between;font-size: 0.12rem}
.xiangqing .title h3 i{font-weight: normal;font-size: 0.12rem;display: inline-block;background-color: #ffd930;height: 0.12rem;line-height: 0.12rem;border-radius: 8%;margin-right: 0.06rem}
.xiangqing .xiaoliang{display: flex;font-size: 0.12rem;justify-content: space-between;margin-top: 0.05rem}
.xiangqing .wrap_star{display: flex}
.xiangqing .wrap_star .star{color: orange;font-size: 0.12rem}
.wrap_star .icon-star{font-size: 0.12rem}
.wrap_star .start_num{margin-left: 0.02rem;margin-right: 0.02rem;color: orange}
.time .zhunshi{color: #007aff;display: inline-block;padding:0.005rem;border: 0.01rem solid #007aff;height: 0.12rem;line-height: 0.11rem;border-radius:8%}
.time .peisong{color: #fff;background-color:#007aff;display: inline-block;padding:0.005rem;border: 0.01rem solid #007aff;height: 0.12rem;line-height: 0.11rem;border-radius:8%}
.xiangqing .price{display: flex;justify-content: space-between;font-size: 0.12rem;margin-top: 0.05rem}

.foot_nav{display: flex;position: fixed;bottom: 0;width: 100%;background-color: #fff;padding-top: 0.1rem;z-index: 999}
.foot_nav a{display: block;flex: 1;text-align: center;font-size: 0.12rem;color: #555;}
.foot_nav a i.iconfont{font-size: 0.22rem;}
.foot_nav a i.active{color: #0096ff}
